<html>
<head>
<style>
body>div {
	 display:inline-block;
	 background-color:rgb(209, 234, 238);;
	 width:180px;
	 height:180px;
	 border:0px;
}
div div {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:absolute;
    width:50px;
	border:5px solid blue;
	 height:50px;
	 -webkit-box-align: center;
	 -webkit-box-pack: center;
	 display: -webkit-box;
	 -moz-box-align: center;
	 -moz-box-pack: center;
	display: -moz-box;
	margin-left:5px;
	margin-top:5px;
}
div div:nth-child(3n-1){
	margin-left:60px;
}
div div:nth-child(3n) {
	margin-left:115px;
}
div div:nth-child(n+4):nth-child(-n+6){
	margin-top:60px;
}
div div:nth-child(n+7){
	margin-top:115px;
}
div div:hover {
	z-index:100;
	border-color:red;
}

</style>
</head>
<body>
<div>
 <div>1</div>
 <div>2</div>
 <div>3</div>
 <div>4</div>
 <div>5.0</div>
 <div>6</div>
 <div>7</div>
 <div>8</div>   
 <div>9</div>      
</div>
</body>
</html>
